<div>
    <h4 class="no-margin">运行中 / 总任务：</h4>
    <div class="hr"></div>
    <div class="text-extra-light-silver text-center" style="line-height: 100px;font-size: 50px">{{executingTaskCount}} / {{totalTaskCount}}</div>
    <div class="spr"></div>
    <h4 class="no-margin">最近任务：</h4>
    <div class="hr"></div>
    <template v-for="item in taskTrends">
        <div class="box">
            <div class="box-body">
                <template v-if="item.state === 'EXECUTING'">
                    <div class="text-warning"><i class="el-icon-loading"></i> 正在执行</div>
                </template>
                <template v-else>
                    <template v-if="item.execState=='SUCCESS'">
                        <div class="text-info"><i class="el-icon-circle-check"></i> {{item.execState}}</div>
                    </template>
                    <template v-else-if="item.execState=='VETOED'">
                        <div class="text-warning"><i class="el-icon-warning"></i> {{item.execState}}</div>
                    </template>
                    <template v-else-if="item.execState=='FAIL'">
                        <div class="text-danger"><i class="el-icon-circle-cross"></i> {{item.execState}}</div>
                    </template>
                </template>
                <div class="spr"></div>
                <template v-if="item.execType === 'MANUAL'">
                    <div>{{$moment(item.firedTime).format("YYYY-MM-DD HH:mm:ss")}} | 手动任务（{{item.group + "." + item.name}})）</div>
                </template>
                <template v-else-if="item.execType === 'TMP'">
                    <div>{{$moment(item.firedTime).format("YYYY-MM-DD HH:mm:ss")}} | 临时任务（{{item.name}}）</div>
                </template>
                <template v-else>
                    <div>{{$moment(item.firedTime).format("YYYY-MM-DD HH:mm:ss")}} | {{item.group + "." + item.name}}</div>
                </template>
            </div>
        </div>
        <div class="spr"></div>
    </template>
</div>